<html>
  <head>
    <style>
body {
	margin: 0;
	margin-top: 5px;
	font-family: 'Lucida Grande', Arial;
	font-size: 12px;
}

.diff .file .fileHeader {
	margin-top: -5px;
	padding-bottom: 1px;
	font-weight: bold;
	clear: left;
}

.diff .file .diffContent {
	white-space: pre;
	font-family: Monaco;
}

.diff .file .diffcontent .lineno {
	float: left;
	padding-left: 2px;
	padding-right: 2px;
	background-color: #ECECEC;
	color: #A9A9A9;
	border: 1px solid #DDDDDD;
	text-align: right;
}

.diff .file .diffContent .lines {
	overflow: visible;
}

.diff .file .diffContent .lines .hunkheader {
  background-color: #f7f7f7;
  color: #bbb;
}

.diff .file .diffcontent .lines .delline {
  background-color: #FEE;
  color: #B00;
}

.diff .file .diffcontent .lines .addline {
  background-color: #DFD;
  color: #080;
}

.diff .file .diffcontent .lines .whitespace {
	background-color: rgba(255,0,0,0.5);
}

#CurrentHunk {
	border-left: 5px solid black;
}
    </style>
  </head>
  <body>
    <div class="diff">
      {diff}
    </div>
  </body>
</html>